<template>
  <div>
    <h1>您喜欢的狗狗列表如下</h1>
     <ul v-for="(item, index) in arr" :key="index">
      <li>{{ item }}</li>
     </ul>
   </div>
</template>
 
<script>
export default {
  props: ['arr']
};
</script>

<style scoped>
h1 {
  font-size: 30px;
}
  li {
    list-style: none;
  }
</style>